.login_container {
    height: 100%;
    background-color: #089;
  }
  .login_box {
    background-color: #fff;
    width: 450px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .atactor_box {
    width: 130px;
    height: 130px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 0 10px #999;
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, 50%);
    background-color: #fff;
  }
  .atactor_box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    background-color: #eee;
  }
  
  .user-box,.username,.password {
      width: 100%;
  }
  .user-box {
      position: absolute;
      top: 100px;
      padding: 0 20px;
      box-sizing: border-box;
  }
 .user-box .frist {
     position: absolute;
     bottom: -50px;
     right: 100px;
 }
 .user-box .second {
    position: absolute;
    bottom: -50px;
    right: 20px;
}
.user-box .icon-showpassword {
    position: absolute;
    right: 15px; 
}
.show {
    color:#333;  
}
.hidden {
    color:#ccc
}